<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>免费体验</title>
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script
	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
	<div data-role="page" id="psuh_submit">

		<div data-role="header">
			<h1>免费体验</h1>
		</div>

		<div data-role="content">
			<div data-role="fieldcontain">
				<p>邮箱作为gupiao消息及时接受工具.不需要您其他的资料.</p>
				<p>体验规则 :</p>
				<p>第一个星期体验实时全部消息.</p>
				<p>第二个星期之后体验部分消息.并且推送将不在实时.</p>
				<p>接受消息人数达不到20个,以上规则不生效.</p>
				<p style="color: red">友情提醒: 如果您想拿到足够即时的消息,Android or Iphone 推荐使用第三方邮箱软件.</p>
				<p>
					<input type="text" name="email" id="email" placeholder="您的邮件地址..">
				</p>
			</div>
			<input type="button" id="ok" value="OK" />
		</div>

		<div data-role="footer">
			<h1></h1>
		</div>
		<script type="text/javascript">
			$(document).on("pageshow", "#psuh_submit", function() {
				$("#ok").on('click', okFun);
			});

			var okFun = function() {
				var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
				if (reg.test($("#email").val())) {
					alert("OK了,请注意查收邮件!");
				} else {
					alert("不要胡来,速度上车!");
				}
			}
		</script>
	</div>
</body>
</html>